<template>
  <article  class="markdown-body blog-m-article--content">
    <img :src="article.cover" alt="!" />
    <div v-once v-html="article.content"></div>
  </article>
</template>

<script>
export default {
  name: "VueEleMArticleContent",
  props: {
    article: {
      type: Object,
      default() {
        return {
          title: "默认标题",
          author: { nickName: "默认名称" },
          likes: 0,
          hits: 0,
          conment_num: 0,
          date: Date.now(),
          cover: "#",
          content: "",
          like_users: [],
        };
      },
    },
  },
  created() {
    console.log(this.article);
  },
  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>
<style lang="stylus" 
>
.blog-m-article--content
  padding .5em .42em
</style>